<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>购物车</title>
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" type="text/css" href="../bootstrap3/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../bootstrap3/font-awesome-4.7.0/css/font-awesome.css"/>

<link rel="stylesheet" href="../css/shop.css">
</head>
<body>
  <div id="hd">
    <div id="hd_1">
      <img src="../images/p1.png" height="70px" class="img-circle">
      <h1>LMG超市</h1>
      <input id="hd_i" type="text" placeholder="搜索">
      <input type="button" value="搜索">
      <span id="hd_s" ><a href="login.html">登录</a><a href="register.html">注册</a></span>
    </div>
  </div>

  <div id="by1">
    <ul class="nav nav-pills">
      <li role="presentation"><a href="index.html">首页</a></li>
      <li role="presentation"><a href="class.html">商品分类</a></li>
      <li role="presentation" class="active"><a href="#">购物车</a></li>
      <li role="presentation"><a href="order.html">我的订单</a></li>
    </ul>
  </div>
  <div id="by2">
    <div class="panel panel-default">
      <!-- 总面板 -->
      <div class="panel-heading" id="by2_hd">
        <table  style="position:relative">
          <tr id="by2_hd_tr">
            <td id="td_all"><input type="checkbox"  id="all">全选</td>
            <td class="td1">商品</td>
            <td class="td2">单价(元)</td>
            <td class="td2">数量</td>
            <td class="td2">单种总价(元)</td>
            <td class="td2">库存</td>
            <td class="td2">操作</td>
          </tr>
        </table>
      </div>
      <div class="panel-body" id="by2_bd">
        
        <!--  订单面板    -->
        <div class="panel-body by2_bd_bd">
          <table border="1" id="tb">
            <tr>
              <td class="td1" >
                <div>
                  <input type="checkbox" class="ch01">
                  <img src="../images/latiao.jpg"
                class="img-rounded"><div>卫龙辣条</div>
                </div>
              </td>
              <td class="td2 price">0.5</td>
              <td class="td2 count" >
              	<input type="button" value="-"><span> 1 </span><input type="button" value="+">
              </td>
              <td class="td2 total1" >1.0</td>
              <td class="td2 kucun">20</td>
              <td class="td2 "><input type="button" value="删除"></td>
            </tr>
            <tr>
              <td class="td1" >
                <div>
                <input type="checkbox" class="ch01">
                  <img src="../images/latiao.jpg"
                class="img-rounded"><div>冰红茶</div>
                </div>
              </td>
              <td class="td2 price">3.0</td>
              <td class="td2 count">
                <input type="button" value="-"><span> 1 </span><input type="button" value="+">
              </td>
              <td class="td2 total1" >1</td>
              <td class="td2 kucun">10</td>
              <td class="td2"><input type="button" value="删除"></td>
            </tr>
            <tr>
              <td class="td1" >
                <div>
                <input type="checkbox" class="ch01">
                  <img src="../images/latiao.jpg"
                class="img-rounded"><div>红烧牛肉面</div>
                </div>
              </td>
              <td class="td2 price">4.0</td>
              <td class="td2 count">
                <input type="button" value="-"><span> 1 </span><input type="button" value="+">
              </td>
              <td class="td2 total1" >1</td>
              <td class="td2 kucun">6</td>
              <td class="td2"><input type="button" value="删除"></td>
            </tr>

          </table>
        </div>
        <div class="panel-footer by2_bd_ft">
          <span class="by2_bd_ft_sp1">地址:</span>
          <span class="by2_bd_ft_sp2">姓名:</span>
          <span class="by2_bd_ft_sp3">手机号:</span>
          
          <button type="button" class="btn btn-info" id="tijiao">提交订单</button>
         <button type="button" class="btn btn-info" data-toggle="modal" data-target="#myModal" >添加地址</button>
         <span style="float: right;margin-top:7px;width:150px" class="total2">合计:</span>
        </div>
        <!-- 订单脚 -->
     
      <div class="panel-heading" id="by2_ft">    <!-- 翻页 -->
        <nav aria-label="Page navigation">
          <ul class="pagination">
            <li id="zuo"><a href="###" aria-label="Previous"> <span
                aria-hidden="true">&laquo;</span>
            </a></li>
            <li class="active fanye"><a href="###">1</a></li>
            <li class="fanye"><a href="###">2</a></li>
            <li class="fanye"><a href="###">3</a></li>
            <li class="fanye"><a href="###">4</a></li>
            <li class="fanye"><a href="###">5</a></li>
            <li id="you"><a href="###" aria-label="Next"> <span
                aria-hidden="true">&raquo;</span>
            </a></li>
          </ul>
        </nav>
      </div>
   
    </div>
  </div>
  <div id="by3"></div>
  <div id="hd">
    <div id="hd_1">
      
    </div>
  </div>
  
</div>
                                                  <!--                添加信息             -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">添加信息</h4>
      </div>
      <div class="modal-body">
        <table class="container" style="width: auto;text-align: center">
        	<tr>
        		<td>姓名</td>
        		<td><input type="text" id="name"></td>
        	</tr>
        	<tr>
        		<td>手机号码</td>
        		<td><input type="text" id="phone"></td>
        	</tr>
        	<tr>
        		<td>收货地址</td>
        		<td><input type="text" id="address"></td>
        	</tr>
        </table>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
        <button type="button" class="btn btn-primary" id="save">保存</button>
      </div>
    </div>
  </div>
</div>
</body>
<script type="text/javascript" src="../bootstrap3/jquery.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/bootstrap.js"></script>
<script type="text/javascript" src="../bootstrap3/js/holder.js"></script>
<script type="text/javascript" src="../bootstrap3/js/html5shiv.min.js"></script>
<script type="text/javascript" src="../bootstrap3/js/css3-mediaqueries.js"></script>
<script type="text/javascript" src="../bootstrap3/js/respond.min.js"></script> 
<script type="text/javascript" src="../js/shop.js"></script>
</html>